<template>
  <div class="container">
      <p class="article_title">{{article_title}}</p>
      <p class="release">发布日期：{{release_date}} {{release_time}}</p>
      <p class="article_content">{{article_content}}</p>
  </div>
</template>

<script>
export default {
    props:['content','title'],
    data(){
        return{
            article_title:this.title,
            article_content:this.content,
            release_date:'2018-04-16',
            release_time:'17:00'
        }
    }
}
</script>

<style scoped>
		.container{width: 100%; height: 100%;}
    .article_title{
        margin:2rem 0 0 0;
        font-family: 微软雅黑;
        font-size: 26px;
        font-weight: normal;
        font-style: normal;
        color: #191919;
        text-align: left;
    }
    .release{
        text-align: left;
        line-height: 1.5em;
        background-position: left top;
        background-repeat: no-repeat;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
    }
    .article_content{
        margin:1rem 0;
        text-align: left;
        font-size: 14px;
        font-family: 微软雅黑;
        color: rgb(128, 128, 128);
        margin-bottom: 10rem;
    }
    @media  only screen and (max-width:992px) {
        .article_title{
            font-size: 18px !important;
        }
    }
</style>
